// CSS Main
@import "main.less";
//import "user_common.less";

// content
//----------------------------------------
.app_widgets {
	// friend list
	.friends {
		h3 {
			color:@gray;
		}
		.body {
			.data {
				overflow:hidden;
				zoom:1;
				border-left:1px solid #cecece;
				border-right:1px solid #cecece;
				li {
					float:left;
					width:65px;
					text-align:center;
				}
			}
			.top {
				background:url("@{userBg}") no-repeat 0px -591px;	
			}
			.bottom {
				height:16px;
				background:url("@{userBg}") no-repeat 0px -659px;	
			}				
		}
	}
	
	//dishes
	.dishes {
		.on {
			color:@orange;	
		}
		.body {
			.data {
				overflow:hidden;
				border-left:1px solid @ripeOrange;
				border-right:1px solid @ripeOrange;
				li {
					float:left;
					width:65px;
					text-align:center;
				}
			}
			.widget_tool {
				clear:both;
				overflow:hidden;
				.meals {
					float:left;
					text-align:center;
					font-size:@midFontSize;
					li {
						margin-left:10px;
						zoom:1;
					}
					.icon {
						display:block;
						width:68px;
						height:68px;
					}
					.breakfirst .icon {
						background:url("@{userIcons}") no-repeat 0px -478px;	
					}
					.lunch .icon {
						background:url("@{userIcons}") no-repeat -75px -478px;	
					}
					.dinner .icon {
						background:url("@{userIcons}") no-repeat -147px -478px;	
					}
				}
				.detail_families {
					float:right;
					margin-right:10px;
					border-left:1px solid lighten(@ripeOrange, 30%);
					border-bottom:1px solid lighten(@ripeOrange, 30%);
					td {
						border-top:1px solid lighten(@ripeOrange, 30%);
						border-right:1px solid lighten(@ripeOrange, 30%);
						padding:5px 10px;
						text-align:center;
					}
					thead {
						background-color:lighten(@ripeOrange, 40%);
						font-weight:bold;
					}
				}
			}
			// widget tool end
			.list {
				margin:10px;
				clear:both;
				.important {
					float:left;
					width:266px;
					font-size:@midFontSize;
					font-family:@altFontFamily;
					img {
						width:266px;
						margin-bottom:5px;
					}
				}
				.today {
					float:left;
					width:415px;
					li {
						float:left;
						width:126px;
						margin-left:10px;
						*margin-left:9px;
						margin-bottom:14px;
						img {
							width:126px;
							height:126px;
						}
					}
				}
			}
			
		}			
	}
	
	
}
// end appwidgets
.widget_group {
	margin-bottom:10px;
}